.t-card{
  background-color: var(--white);
  border-radius: var(--base-radius);
  border:1px solid var(--c-other-5);
  transition: .3s;
  &_header{
    font-size:var(--f-size-18);
    padding: var(--g-md);
    font-weight: bold;
  }
  &_body{
    font-size:var(--f-size-14);
    padding: 0 var(--g-md) var(--g-md);
  }
  &.is-hover{
    &:hover{
      box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    }
  }
}

.t-card_lg{
  .t-card_header{
    font-size:var(--f-size-20);
    padding: var(--g-lg);
  }
  .t-card_body{
    font-size:var(--f-size-16);
    padding: 0 var(--g-lg) var(--g-lg);
  }
}

.t-card_sm{
  .t-card_header{
    font-size:var(--f-size-16);
    padding: var(--g-sm);
  }
  .t-card_body{
    font-size:var(--f-size-12);
    padding:0 var(--g-sm) var(--g-sm);
  }
}

.t-card_mi{
  .t-card_header{
    font-size:var(--f-size-14);
    padding: var(--g-mi);
  }
  .t-card_body{
    font-size:var(--f-size-12);
    padding-bottom: 0 var(--g-mi) var(--g-mi);
  }
}